<!DOCTYPE html>
<html>
<head>
    <title> Product </title>
    <link rel="stylesheet" type="text/css" href="product.css"/>
</head>
<body>
    <div id="wrapper">
        <div class="container">
            <ul id="main">
                <li id="main_img1"><a href="img1"><img src="images/img_1.jpg"></a></li>
                <li id="main_img2"><a href="#"><img src="images/img_2.jpg"></a></li>
                <li id="main_img3"><a href="#"><img src="images/img_3.jpg"></a></li>
                <li id="main_img4"><a href="#"><img src="images/img_4.jpg"></a></li>
                <li id="main_img5"><a href="#"><img src="images/img_5.jpg"></a></li>
            </ul>
            <ul id="left">
                <li id="thumb_img2"><a href="#"><img src="images/img_2_thumb.jpg"></a></li>
                <li id="thumb_img3"><a href="#"><img src="images/img_3_thumb.jpg"></a></li>
                <li id="thumb_img4"><a href="#"><img src="images/img_4_thumb.jpg"></a></li>
                <li id="thumb_img5"><a href="#"><img src="images/img_5_thumb.jpg"></a></li>
            </ul>
        </div>
    </div>

</body>
</html>